<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>dome3</title>
    <style type="text/css">
        .tra{
            width: 100px;height: 100px;background: #528CE0;
            -webkit-transition: all 1s ease-in-out ;
            -webkit-transform-origin:right bottom;

        }
        .dong .tra{
            -webkit-transform:rotate(360deg);

        }
    </style>
</head>
<body>
<div class="tra"></div>
<script type="text/javascript">
    window.onload=function(){
        document.body.className='dong';
    }
</script>
</body>
</html>